<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>无线网</title>
    <link rel="stylesheet" href="wuxain.css">
</head>

<body>
    <header>
        <div id="center">
            <div>
                <a href="" id="logo">
                    <img src="logo.png" alt="">
                </a>
            </div>
            <div>
                <ul id="nav-list">
                    <li class="h">产品中心</li>
                    <li class="h">商用网络</li>
                    <li class="h">安防监控</li>
                    <li class="h">服务支持</li>
                    <li class="h">官方商城</li>
                </ul>
            </div>
            <div id="search-box">
                <a href="">Q</a>
                <a href="">[global]</a>
            </div>
        </div>
    </header>
    <div id="banner">
        <img src="banner.jpg">
    </div>


    <main>
        <div class="pro-item">
            <img src="ap-2.jpg" alt="">
            <div class="intro">
                <h3>双星版面手机，手机上网四度扩</h3>
                <p>VDSJVN爽很多农村很粗糙</p>
                <div>
                    <a href="#">了解详情</a>
                    <a href="#">前往购买</a>
                </div>
            </div>

        </div>

        <div class="pro-item">
            <img src="ap-2.jpg" alt="">
            <div class="intro">
                <h3>双星版面手机，手机上网四度扩</h3>
                <p>VDSJVN爽很多农村很粗糙</p>
                <div>
                    <a href="#">了解详情</a>
                    <a href="#">前往购买</a>
                </div>
            </div>

        </div>
        <div class="pro-item">
            <img src="ap-2.jpg" alt="">
            <div class="intro">
                <h3>双星版面手机，手机上网四度扩</h3>
                <p>VDSJVN爽很多农村很粗糙</p>
                <div>
                    <a href="#">了解详情</a>
                    <a href="#">前往购买</a>
                </div>
            </div>

        </div>
        <div class="pro-item">
            <img src="ap-2.jpg" alt="">
            <div class="intro">
                <h3>双星版面手机，手机上网四度扩</h3>
                <p>VDSJVN爽很多农村很粗糙</p>
                <div>
                    <a href="#">了解详情</a>
                    <a href="#">前往购买</a>
                </div>
            </div>

        </div>
    </main>

    <div id="car" class="clear">
        <div class="car-box">
            <div class="cc">
                <div class="gt">&gt;</div>
                <div class="ji">轿车</div>
            </div>
        </div>
    </div>
    <div class="clear">
            <div class="car-box">
                <div class="cc">
                    <div class="gt">&gt;</div>
                    <div class="ji">轿车</div>
                </div>
            </div>
        </div>
        <div class="clear">
                <div class="car-box">
                    <div class="cc">
                        <div class="gt">&gt;</div>
                        <div class="ji">轿车</div>
                    </div>
                </div>
            </div>
            <div class="clear">
                    <div class="car-box">
                        <div class="cc">
                            <div class="gt">&gt;</div>
                            <div class="ji">轿车</div>
                        </div>
                    </div>
                </div>
    

</body>

</html>